<style lang="scss" scoped>
    @import "./../css/music.scss";
</style>
<template>
    <div class="page-content">
        <div class="banner-wrap" id="banner-wrap">
            <audio-component :resourceId="data"></audio-component>
        </div>
    </div>
</template>
<script>
import store from './../store/index' ;
import { mapState } from 'vuex' ;
import Swiper from 'swiper' ;

import audioComponent from './../components/audio.component'
export default {
  data(){
        return {
            data:this.$route.params.id ,
        }
  },
  
  mounted(){
    // this.initSwiper()
  },
  components:{
    audioComponent
  },
  methods : {
    initSwiper:function(){
        var mySwiper = new Swiper('.banner-wrap', {
            autoplay: 5000,
            pagination : '.swiper-pagination',
            paginationType : 'bullets',
            paginationElement : 'li',
            paginationClickable :true,
            zoom : true,
            zoomMax :5,
            loop:true
        })
    },
  }
}
</script>